<template>
  <div class="index" >
    <div class="container">
      <div class="main">
        <img class="poster" :src="posterPath" alt="">
        <div class="reset"></div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    components: {
    },
    // mixins 混合
    mixins: [],
    data() {
      return {
        uploadPath: 'http://cooperate.test/',
        posterPath: ''
      }
    },
    mounted() {
      this.posterPath = this.uploadPath + this.$route.query.posterPath
    },
    methods: {
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import '../common/stylus/base.styl'
  .main
    width 100%
    height vw(1250)
    .poster
      width 100%
  .reset
    width 60%
    height vw(75)
    position absolute
    top vw(1040)
    left 20%
</style>
